<template>
    <div id="app">
        <tabbar></tabbar>
        <play></play>
        <div class="view">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
import tabbar from "@/components/tabbar.vue";

import play from "@/components/play.vue";

export default {
    name: "App",
    data() {
        return {};
    },
    computed: {
        songId() {
            return this.$store.state.songId;
        },
    },
    methods: {},
    components: {
        play,
        tabbar,
    },
};
</script>

<style>
@import url(//at.alicdn.com/t/font_1851635_dftoed96q8f.css);
@import url(assets/css/normalize.css);
@import url(assets/css/rest.css);
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
}
.view {
    margin-top: 41px;
    overflow: hidden;
}
.play ~ .view{
    margin-bottom: 50px;
}
</style>
